<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>06.JQuery核心函数</title>
    <script src="js/jquery-1.12.4.js"></script>
    <script>
        //核心函数$()
        //1.里面可以放函数
        $(function() {
            alert("Hello Jquery");
            //2.里面可以放代码块
            $(".box").eq(0).append($("<span>Jquery</span>"));
            //3.里面可以放选择器
            $(".box").eq(1).click(function() {
                    alert("我是一个盒子");
                })
                //4.里面可以放DOM元素转换,会被转换为JQ对象
            var p = document.getElementsByTagName("p");
            console.log(p); //js的DOM
            console.log($(p)); //Jquery的DOM
        })
    </script>
</head>

<body>
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
    <p>我是新的一行</p>
</body>

</html>